<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="ßmaximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>开启消息通知提醒</title>
	<link rel="stylesheet" type="text/css" href="../../css/api.css" />
	<style>
		body {
			background: transparent;
		}

		#app {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width: 300px;
			height: 220px;
			background: #fff;
			border-radius: 10px;
			box-sizing: border-box;
		}

		#app .search_icon {
			width: 60px;
			height: 60px;
			border-radius: 50%;
			background-color: #ffffff;
			z-index: -1;
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			top: -30px;
		}

		#app .search_icon img {
			width: 19.5px;
			height: 34px;
			position: absolute;
			top: 7.5px;
			right: 0;
			left: 0;
			margin: auto;
		}

		#app .title {
			width: 100%;
			padding: 55px 0 15px;
			box-sizing: border-box;
			text-align: center;
			font-size: 16px;
			color: #333;
			font-weight: bold;
		}

		#app .subtitle {
			font-size: 14px;
			line-height: 14px;
			color: #999;
			width: 100%;
			text-align: center;
		}

		.btns {
			font-size: 22px;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 60px;
			display: flex;
			align-items: center;
			text-align: center;
			justify-content: space-between;
			border-top: 1px solid #f5f5f5;
		}

		.btns div {
			width: 50%;
			height: 60px;
			line-height: 60px;
		}

		.btns div.btn_left {
			border-right: 1px solid #f5f5f5;
		}

		.btns div.btn_right {
			color: #ff3a24;
		}
	</style>
</head>

<body>
	<div id="app">
		<div class="search_icon">
			<img src="../../image/setting_messagenotification_icon_message.png" alt="">
		</div>
		<div class="title">
			开启消息通知提醒
		</div>
		<div class="subtitle">获取最新消息、收益、粉丝消息</div>
		<div class="btns">
			<div class="btn_left" onclick="api.closeFrame({
				name: 'news_frame'
		});">忽略</div>
			<div class="btn_right">去开启</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript">
	apiready = function () {
	};
</script>

</html>